/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
}
*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body { margin: 0 auto; overflow-x: hidden; color: #5a5a5a; font: 14px 'Microsoft Yahei',Arial, sans-serif;}
img{border:0; vertical-align:middle}
ul,li{list-style:none;}
a{ text-decoration:none; color: #5a5a5a; cursor: pointer;}
a:hover{color:#47cdff;}
s, i { font-style: normal;}
.w100{ width:100%; min-width: 1440px;}
.w1200{ width:1200px; margin:0 auto;}
.content { position: relative; width: 76%; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option,textarea{ border:0; outline:none; cursor: pointer;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}

/*head*/

/* banner */
/* 头部banner */
.banner{ width: 100%; position: relative; overflow: hidden; z-index: 1;}



/* nav */
.top{ padding:20px 0;position: relative; z-index:9999;  display:block; width:100%; float:left }
.top .content{ overflow: visible;}
.top .logo{ width: 20%;}
.top .logo img{ height: 80px;}
.nav {  padding-top: 12px;}
.nav  li{ position: relative; margin: 0 5px; }
.nav  li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav  li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color:#333;  border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 0px;}
.nav  li a { padding: 0 15px; display: block;text-align: center; color:#111;text-decoration: none;line-height: 50px; font-size: 16px; transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav  li:hover>a , .nav  li.active>a{color: #005499; border-bottom: 3px solid #005499;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.nav  li:hover.dropdown:before, .nav  li.active.dropdown:before{color: #005499;}
.nav .dropdown-box{ display: none;}
.nav li.open .dropdown-box{ display: block;}
.nav .dropdown-box{position: absolute;border-top: 2px solid #005499;background: #005499; left: 0;min-width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav  li:hover .dropdown-box{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav  li:hover .dropdown-box .nav2{ padding: 0 5px;}
.nav .dropdown-box a{display: block; font-size: 14px; padding: 0 5px; font-weight: normal;background: #005499;border-bottom: 1px solid #005499;color: #fff; line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover{ background: #434343; color: #fff;}
.nav .nav2 .dropdown-box2{ position: absolute; left: 100.5%; top: 0; visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav .nav2:hover .dropdown-box2{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .nav2 .dropdown-box2 a{ line-height: 40px;}

/* bnwz */

/* .more */
.gywm .more{ margin-top: 35px;}
.gywm .more a{ display: inline-block; width: 150px; text-align:center; height: 40px; background: #1c1f88; line-height: 40px; color: #fff; border-radius:5px;}
.gywm .more a:hover{ background: #fe0103; }



/*热搜关键字*/
.search_div{ height: 80px; background:#f4f4f4; margin-bottom:50px;}
.ser{ height: 80px;}
.search{ float: right; width: 20%; height: 40px; margin-top: 20px; background: #fff; border-radius: 5px;}
.search_tow{ border: none; width: 240px; color: #777; font-size: 13px; padding-left: 10px; height: 40px; background: none;}
.search_button{ background: url(/views/cn/images/btn.png) no-repeat center center; cursor: pointer; width: 50px; height: 40px; position: absolute; right: 0px; border: none;}
.search{ position: relative;}

.sea_key{ float: left;width: 70%; height: 60px;margin-top: 10px; padding-left:2%; line-height: 60px; overflow: hidden; background: url(/views/cn/images/ser01.png) no-repeat left center;}
.sea_key a{ color: #777; margin: 0 5px;}
.sea_key a:hover{ color: #e60012;}
.sea_key strong{ color: #2b2b2b; margin-left: 20px;}


/* about */
.gywm{ position:relative; width:100%;  overflow:hidden}
.gywm_dw{ position:absolute; right:0; top:0; max-width:50%;}
.gywm_l{ width:40%; float:left; margin-top:65px; padding-bottom:40px; }
.gywm_l i{ width:100%; font-size:17px; color:#999; display:block}
.gywm_l img{ max-width:100%; margin:15px 0; }
.gywm_l h1{ width:100%; font-size:30px; color:#282828; background:url(/views/cn/images/za.png) bottom left no-repeat; line-height:60px; margin-bottom:20px;}
.gywm_l p{line-height:2.1; font-size:16px; color:#888}


.container{ width:100%; margin-top:50px; height:160px; background: url(/views/cn/images/bg1.png) bottom no-repeat; padding:30px 0}
.counter{ width:14.2%;
	text-align: center;
	position: relative; float:left
}
.counter .counter-content{
	width:100%;
	height: 80px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;font-size:18px; font-weight:700
}

.counter .counter-value{
	font-size: 50px;
	font-weight: 700;
}
.counter .title{
	display: inline-block; color:#1c1f88;
 
	font-size: 16px; 
 
	text-transform: capitalize;
	margin: 0;
}

/*product*/
.z-tit1{position:relative;padding:74px 0;text-align:center}
.z-tit1 h3{position:relative;z-index:2;font-size:44px;color:#333;margin-bottom:3px}
.z-tit1 h3 strong{font-size:46px;color:#1c1f88;margin:0 10px}
.z-tit1 h3 b{color:#102568}
.z-tit1 em{font-weight:100;position:relative;z-index:2;font-size:20px;letter-spacing:2px;color:#666}
.z-tit1 em:before{content:'';position:absolute;left:-113px;top:50%;margin-top:-3px;width:82px;height:6px;background:url(/views/cn/images/tit-l.png) no-repeat left center}
.z-tit1 em:after{content:'';position:absolute;right:-110px;top:50%;margin-top:-3px;width:79px;height:6px;background:url(/views/cn/images/tit-r.png) no-repeat left center}
.z-tit1 .bg{position:absolute;top:74px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;font-size:91px;color:#f0f0f0;letter-spacing:10px}
.z-tit1.zt em,.z-tit1.zt  h3{color:#fff}
.z-tit1.zt em:before{background-image:url(/views/cn/images/tit-l_white.png)}
.z-tit1.zt em:after{background-image:url(/views/cn/images/tit-r_white.png)}
.z-tit1.zt strong{color:#fff;opacity:.15}


#particles{width: 100%;overflow: hidden;}
		 .home_program2{position: relative;padding:0 0 3.5% ;background: linear-gradient(45deg,#0e274a,#003073,#0e274a); margin-top:50px;}
#particles .pg-canvas{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
.pro_tt{ width:100%; float:left;position:relative; overflow:hidden }				
.pro_tt dl{ position:relative; left:0; top:0; display:block; width:100%; text-align:center}		
.pro_tt dl 	img{ max-width:87%}						
.pro_tt	ul{ position:absolute; top:30px;left:0; z-index:8888; width:92%; margin-left:8%}			
.pro_tt	ul li{ width:28%;height:260px; display:block; float:left; margin-right:5%; text-align:center; margin-bottom:650px;}				
	
.pro_tt	ul li p{ font-size:24px; color:#fff; padding-top:220px;}				
				
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));transform: skewx(-25deg);border-radius:50%;}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}				


@media screen and (max-width:1768px) {
.pro_tt	ul li{ height:240px; margin-bottom:530px;}			
	
}	
@media screen and (max-width:1660px) {
.pro_tt	ul li{ height:200px; margin-bottom:515px;}			
	
}
			
		
				/*.home_program2 .layout{position: relative;width: 100%;transform: initial;z-index: 1;}
		
.swiper-slide{ width:100% !important; }

.swiper-container-android .swiper-slide, .swiper-wrappertt{transform: translate3d(0,0,0) !important; }
				 .home_program2 .program_layout .program_nav_wrap{margin:0 auto;width:80%; }
				 .home_program2 .program_layout .program_nav_wrap .swiper-container{overflow: initial;border-bottom: 1px solid #fff; position:relative; bottom:1px; height:57px;}
				 .home_program2 .program_layout .program_nav_wrap .text_slide{width:100%; display:block;text-align:center; }
				 
				 .home_program2 .program_layout .program_nav_wrap .text_slide .nav_name{ width:16.66% ; text-align:center;display: inline-block;padding: 0 0 30px; float:left;color: #fff;font-size: 19px;cursor: pointer;position: relative;}
			
				 .home_program2 .program_layout .program_nav_wrap .text_slide .active-nav p:after{content: "";position: absolute;left: 50%;bottom: -2px;width: 100%;height:4px;background: #fff;transform: translateX(-50%);}
				 .home_program2 .program_layout .program_content{margin-top:3.5%;}
				 .home_program2 .program_layout .program_content .program_con_wrap{padding: 0 10%;box-sizing: border-box;position: relative;}
				 .home_program2 .program_layout .program_content .prog_item{display: flex;flex-wrap: wrap;justify-content: space-between;}
				 .home_program2 .program_layout .program_content .prog_item .lf_img{width: 60%; float:left}
				.home_program2 .program_layout .program_content .prog_item .lf_img span{width:913px;height:472px; background:#fff;display:table-cell; text-align: center; vertical-align: middle;   overflow: hidden;}
				 .home_program2 .program_layout .program_content .prog_item .lf_img img{max-width:90%;max-height:90%;display: inline-block;vertical-align: middle; width:auto; height:auto}
				 .home_program2 .program_layout .program_content .prog_item .rt_content{padding: 4.2% 3.5% 0;height:472px;;width:40%;box-sizing: border-box;background: rgba(0,0,0,.6);min-height: 372px;color: #eee;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .tit{font-size: 30px;font-weight: 600; color:#1c1f88;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content p{margin-top: 6%;font-size: 16px;line-height: 2;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .button-change{transition: all .3s;background: linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,.6)) no-repeat;background-size: 0 100%;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .more{display: inline-block;margin-top:10%;padding: 1% 6%;background-color: rgba(0,152,67,0.75);border: 1px solid #009843;color: #fff;border-radius: 30px;transition: all .4s;  float:left; margin-right:1%}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .more a{ color:#fff; font-size:16px;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .button-change:hover{background-size: 100% 100%;}
				 .home_program2 .program_layout .program_content .prog_item .rt_content .more:hover{background-color: transparent;color: #ec1b24;}
				 .home_program2 .program_layout .program_content .pagination{margin-top: 33px;}
				 /* .home_program2 .program_layout .program_content .swiper-container{overflow: initial;} */
				 .home_program2 .program_layout .program_content .swiper-pagination{position: initial;width: 100%;}
				 .home_program2 .program_layout .program_content .swiper-pagination-bullet{margin:0 10px;width: 6px;height: 6px;background-color: #fff;opacity: 1;border-radius: 10px;}
				 .home_program2 .program_layout .program_content  .swiper-pagination-bullet-active{width: 43px;height: 5px;}
				 .home_program2 .program_layout .program_content #program_prev,.home_program2 .program_layout .program_content #program_next{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
				 .home_program2 .program_layout .program_content #program_prev{left: 0;}
				 .home_program2 .program_layout .program_content #program_next{right: 0;}
/*a案例*/
.home_case{background: url(/views/cn/images/case_bg.jpg)no-repeat center/cover;}
				.home_case .home_title .title{color: #333;}
				.home_case .home_title .title b{color: #014198;}
				.home_case .home_title .tag{color: #666;}
				.home_case .case_content_wrap{padding:0 0 7%;box-sizing: border-box; width:100%; display:block}
				.home_case .case_content_wrap .case_content{margin-top: 9px;display: flex;flex-wrap: wrap;justify-content: space-between;}
				.home_case .case_content_wrap .case_content:after{content: "";width: 32.4%;}
				.home_case .case_content_wrap .case_content .case_item{margin: 11px 0;width: 32.4%;}
				.home_case .case_content_wrap .case_content .case_item .ind_img img{width: 100%; height:320px;object-fit:cover;}
				.home_case .case_content_wrap .case_content .case_item .case_name{padding: 5.5% 7% 5%;box-sizing: border-box;background: #fff;}
				.home_case .case_content_wrap .case_content .case_item .case_name h3{font-size: 25px;font-weight: normal;color: #494949;}
				.home_case .case_content_wrap .case_content .case_item .case_name .en{font-size: 12px;color: #b6bac1;text-transform:uppercase;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(1) .case_name{background:#fff url(/views/cn/images/icon_05.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(2) .case_name{background:#fff url(/views/cn/images/icon_04.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(3) .case_name{background:#fff url(/views/cn/images/icon_03.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(4) .case_name{background:#fff url(/views/cn/images/icon_06.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(5) .case_name{background:#fff url(/views/cn/images/icon_08.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(6) .case_name{background:#fff url(/views/cn/images/icon_07.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(1):hover .case_name{background: #014198 url(/views/cn/images/icon_05-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(2):hover .case_name{background: #014198 url(/views/cn/images/icon_04-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(3):hover .case_name{background: #014198 url(/views/cn/images/icon_03-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(4):hover .case_name{background: #014198 url(/views/cn/images/icon_06-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(5):hover .case_name{background: #014198 url(/views/cn/images/icon_07-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:nth-child(6):hover .case_name{background: #014198 url(/views/cn/images/icon_08-2.png)no-repeat right 7% center;background-size: initial;}
				.home_case .case_content_wrap .case_content .case_item:hover  .case_name h3{color: #fff;}
				.home_case .case_content_wrap .case_content .case_item:hover  .case_name .en{color: #fff;}
				.home_case .case_more{margin: 2.2% 0 4%;text-align: center;}
				.home_case .case_more span{display: inline-block;padding: 14px 7%;color: #172e7a;border-radius: 30px;border: 2px solid #034ea2;font-size: 20px;}
				.home_case .case_more span i{display: inline-block;vertical-align: baseline;margin-right: 2px;}
/*bt*/
.bt{ width:100%; margin-top:80px; position:relative}
.bt h1{line-height:1.3;font-size:44px;color:#333; float:left; font-weight:bold; letter-spacing:1px;}
.bt i{color:#1c1f88}
.bt p{color:#888;font-size:26px; margin-left:7px;float:left; margin-top:20px;text-transform:uppercase;}
.bt:before {
 content: "";
    display: inline-block;
   width: 66px; height:2px; background:#d0d0d0;position: absolute;
    left:0;
    top:65px;
    vertical-align: middle;
}
 
.prot_i{ padding:50px 0}
/*优势*/
.ind-row3{padding:0 0 70px}
.ul-adv{overflow:hidden;margin:0 -40px;padding:40px 0 0}
.ul-adv li{position:relative;float:left;width:25%}
.ul-adv li+li:after{content:'';position:absolute;top:28px;bottom:48px;width:1px;background-color:#e5e5e5}
.ul-adv .inner{margin:0 40px}
.ul-adv .pic{position:relative;margin:0 auto 30px;width:146px;height:146px;line-height:146px;text-align:center;background-color:#102568;border-radius:50%;}
.ul-adv .pic:after{content:'';position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:2px dashed #102568;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-adv .pic img{ margin-top:30px;display:inline-block;vertical-align:middle;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-adv .inner:hover .pic img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.ul-adv .txt{text-align:center}
.ul-adv .txt h4{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.ul-adv .txt p{line-height:24px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:120px}

/*合作*/
.ind-row8{padding:0 0 28px}

#four_flash{position:relative;width:100%;height:240px; margin:0 auto;bottom:40px;}
#four_flash .flashBg{width:95%;height:240px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:240px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:253px;margin-left:26px;padding-top:40px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:first-child{ margin-left:0}
#four_flash .flashBg ul.mobile li span{display:table-cell; text-align: center; vertical-align: middle; width:253px; height:148px; border:1px solid #dedede; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}

#four_flash .flashBg ul.mobile li img{max-width:90%;max-height:90%;display: inline-block;vertical-align: middle; width:auto; height:auto}
#four_flash .flashBg ul.mobile li dd{font-size:20px;width:100%;line-height:40px;text-align:center;}
#four_flash .flashBg ul.mobile li:hover dd{ color:#1c1f88}

#four_flash .but_left{width:17px;height:50px;position:absolute; top:100px; left:0px;}
#four_flash .but_right{width:17px;height:50px; position:absolute; top:100px; right:0px;}
#four_flash .but_left:hover{background:url(/views/cn/images/z-prev3-on.png) no-repeat;}
#four_flash .but_right:hover{background:url(/views/cn/images/z-next3-on.png) no-repeat;}





.qi_ry {width:100%; height:190px;overflow: hidden;position: relative; float: left; margin:10px 0 30px; }
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:250px;cursor: pointer; margin-right:20px; text-align:center; margin-bottom:10px;}
.qi_ry ul li a{width:100%;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:250px; height:150px; overflow: hidden; border:1px solid #e8e8e8; *display: block; *font-size: 124px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.qi_ry ul li img {max-width:90%;max-height:90%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qi_ry ul li a .box {width:100%;height:40px;text-align:center; float:left; text-align:center;line-height:40px; overflow:hidden;white-space: nowrap;  }
.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}







/* gg */
.gg{ background:url(/views/cn/images/b2_bg2.png) center no-repeat; height:189px; text-align:center; width:100%; display:block}
.gg h1{ font-size:30px; color:#fff; padding-top:33px; padding-bottom:15px; }
.gg p{display: inline-block;color:#fff; margin-top: 16px;  padding: 6px 3%; font-size: 25px; border: 1px solid #3a86e1;}

.gg2,.gg2 img{ width:100%; text-align:center}

/* news */
.news{padding-bottom:50px; width:100%}
.bt span{ float:left}
.bt dl{ float:right; margin-top:20px;}
.bt dl a{ display:inline-block; margin-right:15px; font-size:16px; margin-bottom:15px; border:1px solid #222; padding:8px 30px;}
.bt dl a:hover,.cugt{ background:#1c1f88 !important; color:#fff; border:1px solid #1c1f88 !important}

.news_t{ width:100%; display:block; float:left; margin-top:40px}
.news_l{ width:40%; float:left;}
.news_l a{ display:inline-block}
.news_l dl{ padding:3% 2%}
.news_l img{ width:100%; height:310px;object-fit:cover;}
.news_l h1{ font-size:18px; line-height:36px; color:#333; height:36px; overflow:hidden;}
.news_l p{line-height:26px; font-size:14px; width:100%; display:block; overflow:hidden; height:52px; color:#767676;}

.news_l:hover{ background:#f8f8f8}
.news_l:hover h1{ color:#1c1f88}

.new_r{ width:55%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#1c1f88;font-size:28px; font-weight:normal;}
.new_r li span i{color:#767676; font-size:14px; }
.new_r li h1{  font-size:18px; line-height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#888;}
.new_r li:hover{border-bottom:1px solid #1c1f88;}
.new_r li:hover h1{ color:#1c1f88}
.new_r li:hover span b{ color:#4a4a4a}

/* foot */
.foot{ background:#1f1f27;  padding: 30px 0; display:block}
.foot h3{
	color: #FFF;
	margin-bottom: 20px;
}
.foot  a,.foot p{
	color: #bbbbbb; line-height:40px;
}
.foot .fl a:hover {
	color: #ae0a11;
}
.foot .dh {
	width: 20%;
	
}
.foot .dh img{ margin-top:40px;}
.foot .dh ul li {
	float: left;
	width: 45%; margin-right:2.5%;line-height: 40px;height: 40px; overflow:hidden
}
.foot .pro {width:38%; padding-left:60px; margin-right:60px;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.foot .pro ul li{float: left;
	width: 30.33%; margin-right:1.5%}
	
	
.foot .contact {
	line-height: 30px;
}

.foot .fr h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.foot .fr img {
	height: 120px; margin-left:10px;
}
.copyright { width:100%;
	background: #0d0d13;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
}
.copyright a,.copyright p{ color:#bbbbbb; line-height:26px;}
/* ny banner */
.bannerdwt{width:100%;height:500px;clear:both;position: absolute;left:0;top:0}
.suanbanner{  width:100%; max-height:500px;  position:relative; overflow:hidden; }
.suanbanner img{ width:100%; height:500px;object-fit:cover;}

.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean500{clear:both;height:500px;overflow:hidden;}
.bt1{ width:100%; text-align:center; padding-bottom:30px; padding-top:30px;}
.bt1 h1{ font-size:30px; line-height:200%; display:inline-block;color:#141414}
.bt1 p{ color:#505050;text-transform: uppercase; font-size:17px; color:#666 }
.bt1 span{ display:inline-block; width:55px; height:5px; background:#1c1f88; margin-top:20px;}

.about_nr{ padding:20px; }
.about_nr p{ font-size:16px;line-height:34px; }
.about_nr strong{ font-size:20px; color:#1c1f88 }
.about_nr  img{ max-width:100%; }






/*新闻列表*/
.bjs{ background:#f7f7f7}
.news-title{ width:100%; overflow:hidden; padding-top:40px;}
.news-title ul{ width:98%; margin:1%; display:inline-block}
.news-title ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2; background:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_nt{ width:100%; padding:2.5%; float:left; display:block}
.news-title ul li img{ width:20%; height:160px;object-fit:cover; float:left}
.news-title ul li .ne_t{ width:78%; float:right}
.news-title ul li .news_nt h1{ width:100%; float:left; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.news-title ul li .news_nt p{width:100%; float:left; line-height:24px;height:48px; overflow:hidden; margin-bottom:35px;}
.news-title ul li .news_nt span{ display:block;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left}
.news-title ul li:hover{border:1px solid #4395ff;box-shadow: 0px 0px 10px rgba(28,133,222,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#4395ff}
.news-title ul li:hover span{ padding-left:20px; }


/*新闻内容*/
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left; margin-top:50px; }
.wznr{ width:100%; padding:3%;  background:#fff;}
.wznr b{width:100%; float:left; text-align:center; font-size:30px; line-height:36px; padding-bottom:20px; border-bottom:1px dashed #dedede; margin-bottom:30px;}
.wznr h2{width:100%; float:left; text-align:center; font-size:30px; line-height:36px; padding-bottom:20px; }
.wznr p{line-height:32px; font-size:16px;text-transform:capitalize}
.wznr p strong{ font-size:20px; color:#1c1f88}
.wznr img{ max-width:90%;}
.wznr span{ width:100%; float:left; text-align:center;  padding-bottom:20px;}
.wznr span a{ color:#feac2a; font-size:16px; font-weight:600}
.wznr table{ margin:0 auto; }

.wznr table td{border:1px solid #ccc !important;}
.wznr table td p{line-height:30px !important;}
.cp_dy{ width:99.8%; float:left; border:1px solid #eee; background:#f9f9f9; margin-bottom:15px;}
.cp_dy dd{ float:left; margin:5px; line-height:22px;max-height:44px; overflow:hidden; font-size:13px;}



/*图片中心*/
.cp_img{ overflow:hidden;}
.cp_img ul,.hz_img ul{ width:102%; float:left}
.cp_img li { width:31%;cursor: pointer; background:#fff;text-align:center;  margin-right:2%; margin-bottom:3%; border:1px solid #eee; text-align:center; float:left}
.cp_img li a span{ width:100%; height:350px;display: inline-block; cursor: pointer; vertical-align: middle; display:table-cell;overflow: hidden;  *display: block; *font-size:349px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_img li a span img,.hz_img li a span img{max-width:95%;max-height:95%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_img li a dl{ background:#f1f1f1; padding:4%; text-align:left; -webkit-transition: .6s; transition: .6s;}
.cp_img li a dd{ background:#f1f1f1; padding:10px; -webkit-transition: .6s; transition: .6s;}
.cp_img li a h1{ width:100%; color:#000; line-height:42px;height:42px;font-size:22px; text-align:center;  overflow:hidden}
.cp_img li a p{ font-size:14px; line-height:30px; height:60px; display:block;overflow:hidden; color:#999; margin-top:10px}
.cp_img li:hover dl,.cp_img li:hover a dd{background:#1c1f88}
.cp_img li:hover a h1,.cp_img li:hover a p{ color:#fff; }
.cp_img li:hover{border:1px solid #1c1f88;}

.cp_img li:hover a span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}

.hz_img ul  li { width:18%;cursor: pointer; background:#fff;text-align:center;  margin-right:2%; margin-bottom:3%; text-align:center; float:left}
.hz_img ul li a span{ width:100%; height:150px;display: inline-block; cursor: pointer; vertical-align: middle; display:table-cell;overflow: hidden; border-bottom:1px solid #eee;  *display: block; *font-size:130px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}

.hz_img ul  li h1{ width:100%; color:#000; line-height:42px;height:42px;font-size:16px; font-weight:normal; text-align:center;  overflow:hidden}

.hz_img dl{ margin-bottom:20px;}
.hz_img dl p{ line-height:32px; font-size:16px}

.cp_t li{ width:23%}
.cp_t li a span{ height:280px}

.cp_t li a dl{ background:#1c1f88; color:#fff}
.cp_t li a h1{ color:#fff}
.cp_t  li:hover dl{background:#ec1b24}


/*联系华体会体育*/
.lxwm_list{ width:100%; padding-top:40px; overflow:hidden; }
.lxwm_list ul{ width:101%; float:left; overflow:hidden; }
.lxwm_list ul li{ width:24.9%; float:left; text-align:center; border-right:1px solid #e8e8e8;}
.lxwm_list ul li img{ max-width:80px; margin-bottom:30px}
.lxwm_list ul li h1{ font-size:18px; font-weight:700; margin-bottom:28px;}
.lxwm_list ul li p{ line-height:26px; font-size:15px; color:#999}
.lxwm_list ul li:hover p{ color:#141414}
.lxwm_list ul li:hover img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}


.lxwm_ewm span{ width:78%; float:left; text-align: center}

.lxwm_ewm dl{ width:20%; line-height:40px; float:right; text-align:center; margin-top:55px;}
.lxwm_ewm dl img{ max-width:160px;}



/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #db0f31; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #db0f31 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}

/*在线客服*/
.bg_l{ width:40%; float:left; padding-top:130px; text-align:center}
.bg_l h1{ text-transform: uppercase; font-size: 33px; color:#c4a97f}
.bg_l h2{ font-size:25px; color:#333; line-height:300%}
.bg_l p{ color:#333; line-height:32px;}

.biaoge{ width:58%; float:left}
.bgbj{ width:100%; float: left; background:url(/views/cn/images/2_xlrf.jpg) center no-repeat; padding:30px 0; margin-top:50px;}
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#c4a97f !important; border:none; float:left; margin-left:27px; }
/*foo*/



/*搜索列表*/
.new_list1 ul{ width:100%; float:left; overflow:hidden}
.new_list1 ul li{ width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_list1 ul li h2 a{ width:78%; line-height:30px; overflow:hidden; font-size:16px; font-weight:500; float:left}
.new_list1 ul li i{color:#4eb02c; font-size:13px; float:left; padding-right:8px; padding-top:8px;  }
.new_list1 ul li span{ color:#b1b1b1; float:right}
.new_list1 ul li p{width:100%; font-size:14px; line-height:25px; color:#666; padding-top:5px; float:left; overflow:hidden;}
.new_list1 ul li h2 a:hover{ color:#891c22; }


/*主图*/
.duotu{ width:100%; margin-bottom:50px; display:block}
#showbox { background:#fff; box-sizing: border-box; width:880px; height:570px; margin:0 auto;text-align:center; overflow:hidden}
#showbox span { background:url(/views/cn/images/whitebg.png) repeat;}
#showsum { left:30px;top:20px; margin:0 auto}
#showsum span { border:1px solid #9f9f9f; cursor: pointer;object-fit:cover;}
#showsum span.sel { border:1px solid #005bac;}
.showpage { width:100%; position:relative;}
.showpage a { display:block; width:30px; border:1px solid #ddd; height:91px; line-height:91px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-70px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#005bac; color:#fff;}
#showbox div{ width: 100%!important; position: static!important;}
#showbox div b{ display: table-cell!important; vertical-align: middle; text-align: center; width:100%;overflow: hidden; float:left;}
#showbox div b img{ display: inline!important; vertical-align: middle; max-width: 100%; max-height: 100%; width: 100%; height:570px;object-fit:cover;}
#showsum{ height:91px!important;}
#showsum p{ height: 91px!important;}
#showsum span{ width:140px; height:91px;}
#showsum span img{ width:100%; top: 0!important;object-fit:cover;}

.nrte{ width:100%;margin:0 0 30px;display:block }
.nrte b{  width:100%;font-size:24px; margin:30px 0 10px;display:block }
.nrte span{ width:100%; height:56px;display:block ;  background:url(/views/cn/images/pc-xc-icon2.png) 0 14px no-repeat; padding-top:10px;  }
.nrte p{ padding-left:50px; float:left; font-size:24px;line-height:36px; margin-right:80px;}
.nrte a{ display:inline-block; float:left; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; background:#1d46a0;border-radius:5px; }


@media screen and (max-width:1550px) {
.nav li{ margin:0}
.foot .pro{padding-left: 20px;
    margin-right: 20px;}
	}

@media screen and (max-width:768px) {
	.wznr span{ border-bottom:1px dashed #dedede;}
	.duotu{margin-bottom:20px; }
#showbox{ width:100%; height:250px}	
#showbox div b img{ height:250px}
.showpage a{height:51px; line-height:51px;top:-40px}
#showsum {top:10px;}
#showsum{ height: 51px!important;}
#showsum span{ width:51px; height:51px;}	

	
.nrte p	{ margin-right:0;}
.nrte a{ display:none	}
	}